<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>{$C.webtitle}</title>

<meta content="{$C.webkeywords}" name="Keywords">

<meta name="description" content="{$C.webdescription}" />

<link href="__PUBLIC__/index.css" rel="stylesheet" type="text/css" />

<script src="./Public/js/jquery.js"></script>

	<!--鼠标滚轮js-->

    <!--<script src="__PUBLIC__/js/jquery.easing.1.3.js"></script>

    <script src="__PUBLIC__/js/jquery.custom-scrollbar.js"></script>-->

    <!--幻灯片js-->

    <script src="__PUBLIC__/js/jquery.superslide.2.1.1.js"></script>



<script src="__JS__/jquery-1.4a2.min.js" type="text/javascript"></script>

<!--<script src="__JS__/jquery.KinSlideshow-1.2.1.min.js" type="text/javascript"></script>

<script type="text/javascript">

$(function(){

	$("#KinSlideshow").KinSlideshow();

})

slides.jquery

</script>-->

<!--<link href="__PUBLIC__/css/slideshow.css" rel="stylesheet" />-->

</head>

<body>

    <include file="Public:headers"/>

    <!--首页第一排-->

    <div class="header_xia" >

        <!-- 代码 开始 -->

        <div class="www51buycom" style="width: 100%; height: 390px; margin:0 auto;  overflow:hidden;">

            <ul class="51buypic" style="width:100%;height:390px;margin:0 auto;">

                <volist name="jiaodian" id="jiaodian">

                    <li style="width:100%;height:390px;margin:0 auto;background:url({$jiaodian.tupianbj});">

                    <a href="{$jiaodian.lianjie}" target="_blank" style="width:1100px;height:390px;margin:0 auto;display:block;">

                    <img src="{$jiaodian.tupian}" width="1100" height="390" />

                    </a>

                    </li>

                </volist>

            </ul>

        </div>

        <script>

        /*鼠标移过，左右按钮显示*/

        $(".www51buycom").hover(function(){

            $(this).find(".prev,.next").fadeTo("show",0.1);

        },function(){

            $(this).find(".prev,.next").hide();

        })

        /*鼠标移过某个按钮 高亮显示*/

        $(".prev,.next").hover(function(){

            $(this).fadeTo("show",0.7);

        },function(){

            $(this).fadeTo("show",0.1);

        })

        $(".www51buycom").slide({ titCell:".num ul" , mainCell:".51buypic" , effect:"fold", autoPlay:true, delayTime:700 , autoPage:true });

        </script>

        <!-- 代码 结束 -->

        	
		<div class="clear"></div>
    </div>

    <!--首页第一排-->
	<div class="sou_box_bj" id="baoming_box">
		<div class="sou_box">
			<div class="sou_box_t">
				<span id="baoming_t" style="padding-left:20px;"></span>
				<img src="__PUBLIC__/img/close.png" style="float:right;margin-right:5px;margin-top:5px;width:20px;height:20px;cursor:pointer;" onclick="hide_baoming_box()" />
			</div>
			<div class="sou_box_n">
				<input type="hidden" value="" name="baoming_zuopinid" id="baoming_zuopinid" />
				<span>姓名：</span><span><input type="text" name="bmname" id="bmname" style="line-height:22px;" /></span>
				<br />
				<span>电话：</span><span><input type="text" name="bmdianhua" id="bmdianhua" style="line-height:22px;" /></span>
				<br />
				<input type="button" value="确认" style="padding:1px 5px;margin:5px 0 0 42px;" onclick="baomingtijiao()" />
			</div>
		</div>
		<div class="clear"></div>
	</div>
	<script>
	function hide_baoming_box(){
		$('#baoming_box').hide();
	}
	function show_baoming_box(t){
		$('#baoming_box').show();
		$('#baoming_zuopinid').val(t);
		var name=$('#zuopin_name'+t).html();
		$('#baoming_t').html('型号：'+name);
		
	}
	function baomingtijiao(){
		var bmname=$('#bmname').val();
		var bmdianhua=$('#bmdianhua').val();
		if(bmname==''){
			alert("请输入姓名");
			return false;
		}
		if(bmname.length<2){
			alert("姓名最少两个字");
			return false;
		}
		if(bmname.length>50){
			alert("姓名最多五十个字");
			return false;
		}
		if(bmdianhua==''){
			alert("请输入电话号码");
			return false;
		}
		
		//验证是否为手机号与座机号
		if(bmdianhua.length=='11'){
			var reg= /^(13[0-9]{9})$|(15[0-9]{9})$|(17[0-9]{9})$|(18[0-9]{9})$/;
		}else{
			var reg= /^((0\d{2,3})-)(\d{7,8})(-(\d{3,}))?$/;
		}
		//alert(bmdianhua.length);
		if(!reg.exec(bmdianhua)){
			alert("请输入正确的手机号或座机号（座机号用\"-\"分隔），中奖结果会通过电话通知您");
			return false;
		}
		var fenleiid=$('#baoming_zuopinid').val();
		
		$.post("{:U('baomingtijiao')}", { bmdianhua:bmdianhua, bmname:bmname, fenleiid:fenleiid }, function(v){
			if(v=="1"){
				alert("请输入电话号码");
				return false;
			}
			if(v=="2"){
				alert("请输入姓名");
				return false;
			}
			if(v=="3"){
				alert("您已报过名");
				return false;
			}
			if(v=="100"){
				alert("提交失败，谢谢！");
				return false;
			}
			if(v=="99"){
				alert("报名成功，您已进入抽奖库！");
				location.reload();
			}
			
		},'JSON');
		
	}
	</script>

	<!--首页第二排-->
	<div class="chanpin">
		<div class="chanpin_n">
			<div class="chanpin_t">
			众筹产品公示
			</div>
			<volist name="zuopin" id="zuopin">
				<div class="chanpin_li">
					<div class="chanpin_li_z">
						<div class="chanpin_li_z_li">
							<img src="{$zuopin.tupian}" width="154" height="154" />
						</div>
						<div class="chanpin_li_z_li_x">
							<input type="button" value="报名参与" style="letter-spacing:5px;margin-top:2px;height:28px;border:none;width:156px;text-align:center;line-height:28px;background:url(__PUBLIC__/img/anniu.jpg) no-repeat;cursor:pointer;font-size:15px;color:#fff;font-family:'微软雅黑';" onclick="show_baoming_box({$zuopin.id})" />
							<div class="clear"></div>
						</div>
						<div class="clear"></div>
					</div>
					<div class="chanpin_li_y">
						<div class="chanpin_li_y_li">
							<div class="chanpin_li_y_li_z">
							产品型号
							</div>
							<div class="chanpin_li_y_li_y" id="zuopin_name{$zuopin.id}">
							{$zuopin.name}
							</div>
							<div class="clear"></div>
						</div>
						<div class="chanpin_li_y_li">
							<div class="chanpin_li_y_li_z">
							300户
							</div>
							<div class="chanpin_li_y_li_y">
							{$zuopin.sanbai}
							</div>
							<div class="clear"></div>
						</div>
						<div class="chanpin_li_y_li">
							<div class="chanpin_li_y_li_z">
							500户
							</div>
							<div class="chanpin_li_y_li_y">
							{$zuopin.wubai}
							</div>
							<div class="clear"></div>
						</div>
						<div class="chanpin_li_y_li">
							<div class="chanpin_li_y_li_z">
							800户
							</div>
							<div class="chanpin_li_y_li_y">
							{$zuopin.babai}
							</div>
							<div class="clear"></div>
						</div>
						<div class="chanpin_li_y_li">
							<div class="chanpin_li_y_li_z">
							1000户
							</div>
							<div class="chanpin_li_y_li_y">
							{$zuopin.yiqian}
							</div>
							<div class="clear"></div>
						</div>
						<div class="chanpin_li_y_li">
							<div class="chanpin_li_y_li_z">
							已参与
							</div>
							<div class="chanpin_li_y_li_y">
							{$zuopin.renshu}户
							</div>
							<div class="clear"></div>
						</div>
						<div class="clear"></div>
					</div>
					<div class="clear"></div>
					<div class="chanpin_li2">
					{$zuopin.jianjie}
					</div>
					<div class="clear"></div>
				</div>
			</volist>
			<div class="chanpin_li">
				<div style="width:185px;float:left;">
					<img src="{$erweima.tupian}" width="185" />
				</div>
					<div style="width:200px;height:60px;line-height:30px;margin:0 auto;text-align:center;float:right;margin-top:60px;font-size: 15px;font-family: '微软雅黑';color:#666;font-weight:bold;">
					扫描二维码
					<br />
					告诉好朋友一起参加！
					</div>
				<div class="clear"></div>
			</div>
			<div class="clear"></div>
		</div>
		<div style="width:900px;margin:0 auto;">
		<img src="{$erjijiaodian.tupian}" width="900" />
		</div>
	</div>
	<!--首页第二排-->

	<!--首页第四排-->
	<div class="chanpin">
		<div class="chanpin_n">
			<div class="chanpin_t">
			众筹客户名单公示
			</div>
			<div class="kehu">
				<div class="kehu_li">
					<div class="kehu_li1">
					客户姓名
					</div>
					<div class="kehu_li2">
					联系电话
					</div>
					<div class="kehu_li3">
					意向型号
					</div>
					<div class="clear"></div>
				</div>
				<div id="colee" style="width:901px;height:200px;overflow:hidden;border-bottom:1px solid #aaa;">
					<div id="colee1">
						<volist name="list" id="kehu">
							<p>
								<div class="kehu_li">
									<div class="kehu_li1">
									{$kehu.name}
									</div>
									<div class="kehu_li2">
									{$kehu.dianhua}
									</div>
									<div class="kehu_li3">
									{$kehu.fenlei}
									</div>
									<div class="clear"></div>
								</div>
							</p>
						</volist>
					</div>
					<div id="colee2"></div>
					<div id="colee3"></div>
					<div id="colee4"></div>
					<div id="colee5"></div>
					<div id="colee6"></div>
				</div>
				<div class="clear"></div>
			</div>
			<div class="clear"></div>
		</div>
	</div>
	<!--首页第四排-->
	<script>
	var speed=100;
	var colee3=document.getElementById("colee3");
	var colee4=document.getElementById("colee4");
	var colee5=document.getElementById("colee5");
	var colee6=document.getElementById("colee6");
	var colee2=document.getElementById("colee2");
	var colee1=document.getElementById("colee1");
	var colee=document.getElementById("colee");
	colee2.innerHTML=colee1.innerHTML; //克隆colee1为colee2
	colee3.innerHTML=colee1.innerHTML; //克隆colee1为colee2
	colee4.innerHTML=colee1.innerHTML; //克隆colee1为colee2
	colee5.innerHTML=colee1.innerHTML; //克隆colee1为colee2
	colee6.innerHTML=colee1.innerHTML; //克隆colee1为colee2
	function Marquee1(){
		//当滚动至colee1与colee2交界时
		if(colee2.offsetTop-colee.scrollTop<=0){
		 colee.scrollTop-=colee1.offsetHeight; //colee跳到最顶端
		 }else{
		 colee.scrollTop++
		}
	}
	var MyMar1=setInterval(Marquee1,speed)//设置定时器
	//鼠标移上时清除定时器达到滚动停止的目的
	colee.onmouseover=function() {clearInterval(MyMar1)}
	//鼠标移开时重设定时器
	colee.onmouseout=function(){MyMar1=setInterval(Marquee1,speed)}
	
	function Marquee2(){
		//当滚动至colee2与colee3交界时
		if(colee3.offsetTop-colee.scrollTop<=0){
		 colee.scrollTop-=colee2.offsetHeight; //colee跳到最顶端
		 }else{
		 colee.scrollTop++
		}
	}
	var MyMar2=setInterval(Marquee2,speed)//设置定时器
	
	function Marquee3(){
	//当滚动至colee3与colee4交界时
	if(colee4.offsetTop-colee.scrollTop<=0){
		 colee.scrollTop-=colee3.offsetHeight; //colee跳到最顶端
		 }else{
		 colee.scrollTop++
		}
	}
	var MyMar3=setInterval(Marquee3,speed)//设置定时器
	
	function Marquee4(){
	//当滚动至colee3与colee4交界时
	if(colee5.offsetTop-colee.scrollTop<=0){
		 colee.scrollTop-=colee4.offsetHeight; //colee跳到最顶端
		 }else{
		 colee.scrollTop++
		}
	}
	var MyMar4=setInterval(Marquee4,speed)//设置定时器
	
	function Marquee5(){
	//当滚动至colee3与colee4交界时
	if(colee6.offsetTop-colee.scrollTop<=0){
		 colee.scrollTop-=colee5.offsetHeight; //colee跳到最顶端
		 }else{
		 colee.scrollTop++
		}
	}
	var MyMar5=setInterval(Marquee5,speed)//设置定时器
	</script>
	<!--向上滚动代码结束-->

	<div style="width:100%;height:40px;">
		<div style="width:900px;height:30px;line-height:30px;margin:0 auto;">
		（数据统计截止：{$zuixin.time|date='Y',###}年 {$zuixin.time|date='m',###}月 {$zuixin.time|date='d',###}日）
		</div>
	</div>
    <div class="clear"></div>


</body>

</html>